.main{
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    overflow: hidden;
    .left{
        width: 85%;
        height: 100%;
        background: pink;
    }
    .right{
        height: 100%;
        width: 15%;
        // background: green;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .buttons{
            height: 70%;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            button{
                color: rgb(241, 249, 255);
                // border-radius: 0.5vw;
                // border: 0.5vh solid black;
                border: 0ch;
                height: 7vh;
                width: 14.5vw;
                background: url('../../buttonPhoto/buttonbefore.png') no-repeat 32.3% 84.562%;
                background-size: 105vw 95vh;
                font-size: 1vw;
                font-weight: 700;
                // width: 106px;
                // height: 38px;
                cursor: pointer;
            }
        }
        .back{
            height: 10%;
            display: flex;
            justify-content: center;
            button{
                height: 8vh;
                background: rgb(71, 130, 186);
                width: 10vw  ;
                color: aliceblue;
                border: 0ch;
                border-radius: 1vh;
                cursor: pointer;
                font-weight: 900;
                font-size: 1vw;
            }
        }

    }
}